.me-page{
  header{
    background-color: #fff;
    .head{
      position: relative;
      height: 2.5rem;
      padding: .76rem .4rem;
      background-color: #ae1016;
      background-image: url("../../assets/images/me/bg.jpg");
      background-size: 100% 100%;
      background-position:center;
      box-sizing: border-box;
      color: #fff;
      h2{
        margin-bottom: .24rem;
        font-size: .36rem;
      }
      .store-type{
        font-size: .28rem;
        .icon{
          margin-right: .17rem;
          font-size: .32rem;
        }
      }
      .set{
        position: absolute;
        top:.25rem;
        right: .32rem;
        font-size: .24rem;
        i{
          position: relative;
          margin-right: .05rem;
          font-size: .36rem;
        }
      }
    }
  }
  .opt-order{
    ul{
      li{
        flex: 0 0 33.3%;
        padding: .32rem;
        text-align: center;
        box-sizing: border-box;
        font-size: .24rem;
        background: #fff;
        color: #333;
        i{
          display: block;
          position: relative;
          width: .56rem;
          height: .56rem;
          margin:0 auto .1rem;
          background: url("../../assets/images/me/icon01.png") center no-repeat;
          background-size: .56rem;
          &.icon2{
            background: url("../../assets/images/me/icon02.png") center no-repeat;
            background-size:  cover;
          }
          &.icon3{
            background: url("../../assets/images/me/icon03.png") center no-repeat;
            background-size: cover;
          }
          span{
            display: inline-block;
            position: absolute;
            width: .3rem;
            height: .3rem;
            line-height: .3rem;
            top: 0;
            right:-.2rem;
            background: #FF4A4A;
            border: 2px solid #FFFFFF;
            border-radius: 100%;
            font-size: .23rem;
            color: #fff;
            text-align: center;
          }
        }
      }

    }
  }
  .opt-group{
    margin-top: .16rem;
    background-color: #fff;
    .item{
      height: .88rem;
      line-height: .88rem;
      padding: 0 .34rem;
      font-size:.28rem;
      color:#333;
      font-weight:400;
      .num{
        margin-left: .1rem;
        padding: .01rem .12rem;
        background-color: #f00808;
        color: #fff;
        border-radius: 50%;
        font-size: .22rem;
        font-weight: normal;
      }
      span:after{
        margin-top: .2rem;
      }
    }
  }
  .frist-head{
    margin-top: 0;
  }
  .examine-group{
    margin-top: .2rem;
    background-color: #fff;
    .item{
      height: 1.5rem;
      padding: 0 .35rem;
      .item-left{
        h3{
          height: .6rem;
          line-height: .6rem;
        }
        p{
          height: .45rem;
          line-height: .45rem;
        }
      }
    }
  }
  .bg-1{
    background-color: #f4f5f6;
  }
  .text-right{
    text-align: right;
  }
  .head-bar{
    height: 2.5rem;
    background: #403E45;
  }
  .saleCard{
    position: relative;
    margin-top: -2.1rem;
    .sale-group{
      width: 5.4rem;
      height: 3.3rem;
      margin: auto;
      padding: .56rem .4rem .8rem .54rem;
      background: #FFFFFF;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.10);
      border-radius: 8px;
      box-sizing: border-box;
      .sale-info{

        h3{
          line-height: .9rem;
          font-size: .32rem;
          color: #333333;
          span{
            margin-left: .16rem;
            font-size: .24rem;
            color: #999;
          }
        }
        img{
          width: .9rem;
          height: .9rem;
        }
      }
      p{
        height: .3rem;
        line-height: .3rem;
        margin-top: .7rem;
        font-size: .28rem;
        color:#333;
      }
      .phone:before{
        font-size: .4rem;
        color: #42d361;
        margin-right: .2rem;
      }
    }
  }

  .account-group{
    margin-top: .2rem;
    padding: .2rem .35rem;
    background-color: #fff;
    font-size: .26rem;
    color: #959595;
    div{
      height: .6rem;
      line-height: .6rem;
      margin-top: .1rem;
      font-size: .32rem;
      color: #333;
    }
    p{
      margin-top: .2rem;
      line-height: .32rem;
    }

  }
  .login-out{
    color: #ae1016;
    text-align: center;
  }
  .logo{
    background-color: #fff;
    text-align: center;
    img{
      width: 100%;
      display: inline-block;
    }
  }
  .logo{
    background-repeat: no-repeat;
    background-size: .24rem;
    background-position-y: .3rem;
    &:before{
      content: " ";
      width: .42rem;
      display: inline-block;
    }
  }
  .panda{
    background-image: url("../../assets/images/me/svg-panda.svg");
  }
  .shengpi{
    background-image: url("../../assets/images/me/shengpi.png");
  }
  .shouchang{
    background-image: url("../../assets/images/me/svg-sc.svg");
  }
  .yewu{
    background-image: url("../../assets/images/me/yewu.png");
  }
  .laoban{
    background-image: url("../../assets/images/me/laoban.png");
  }
  .fendian{
    background-image: url("../../assets/images/me/fendian.png");
  }
  .yewu{
    background-image: url("../../assets/images/me/svg-pp.svg");
  }
  .address{
    background-image: url("../../assets/images/me/svg-addr.svg");
  }
  .tuihuo{
    background-image: url("../../assets/images/me/tuihuo.png");
  }
  .seting{
    background-image: url("../../assets/images/me/seting.png");
  }
  .save{
    width: 90%;
    left: 5%;
    position: fixed;
    bottom: .4rem;
    .btn1{
      color: #fff;
    }
  }
  .about-info{
    a{
      color:#666 !important;
    }
    .flex-box span:first-child{
      margin-right:.5rem;
      color:#666;
    }
    .flex-one{
      color:#333 !important;
    }
  }
}
